{% extends "./inc/base.html" %} {% block content %}

<section class="vbox">
    <header class="header bg-light dk">
        <p>{{controller.meta_title}}</p>
    </header>
    <section class="scrollable wrapper">

        <section class="panel panel-default">
            <header class="panel-footer bg-white">
                <div class="row text-center no-gutter">
                    <div class="col-md-2 b-r b-light">
                        <p class="h3 font-bold m-t">{{user_count}}</p>
                        <p class="text-muted">用户</p>
                    </div>
                    <div class="col-md-2 b-r b-light">
                        <p class="h3 font-bold m-t">{{action_count}}</p>
                        <p class="text-muted">行为</p>
                    </div>
                    <div class="col-md-2 b-r b-light">
                        <p class="h3 font-bold m-t">{{cate_count}}</p>
                        <p class="text-muted">栏目</p>
                    </div>
                    <div class="col-md-2 b-r b-light">
                        <p class="h3 font-bold m-t">{{type_count}}</p>
                        <p class="text-muted">分类</p>
                    </div>
                    <div class="col-md-2 b-r b-light">
                        <p class="h3 font-bold m-t">{{model_count}}</p>
                        <p class="text-muted">模型</p>
                    </div>
                    <div class="col-md-2">
                        <p class="h3 font-bold m-t">{{ext_count}}</p>
                        <p class="text-muted">插件</p>
                    </div>
                </div>
            </header>
        </section>

        <div class="row">
            <div class="col-md-6">
                <section class="panel panel-default portlet-item">
                    <header class="panel-heading">
                        <ul class="nav nav-pills pull-right">
                            <li>
                                <a class="panel-toggle text-muted" href="#"><i class="fa fa-caret-down text-active"></i><i class="fa fa-caret-up text"></i></a>
                            </li>
                        </ul>
                        产品团队
                    </header>
                    <section class="panel-body">
                        <article class="media">
                            <div class="pull-left">
                                <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-hourglass fa-stack-1x text-white"></i>
                      </span>
                            </div>
                            <div class="media-body">
                                <h4 class="h4">总策划</h4>
                                <small class="block m-t-xs"><a href="http://www.cmswing.com/blog" class="text-info" target="_blank">阿特</a> arterli@qq.com</small>
                            </div>
                        </article>
                        <div class="line pull-in"></div>
                        <article class="media">
                            <div class="pull-left">
                                <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x "></i>
                        <i class="fa fa-hourglass-1 fa-stack-1x text-white"></i>
                      </span>
                            </div>
                            <div class="media-body">
                                <h4 class="h4">产品设计及研发团队</h4>
                                <small class="block m-t-xs">阿特</small>
                            </div>
                        </article>
                        <div class="line pull-in"></div>
                        <article class="media">
                            <div class="pull-left">
                                <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x "></i>
                        <i class="fa fa-hourglass-2 fa-stack-1x text-white"></i>
                      </span>
                            </div>
                            <div class="media-body">
                                <h4 class="h4 ">界面及用户体验团队</h4>
                                <small class="block m-t-xs">阿特</small>
                            </div>
                        </article>
                        <div class="line pull-in"></div>
                        <article class="media">
                            <div class="pull-left">
                                <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x "></i>
                        <i class="fa fa-hourglass-3 fa-stack-1x text-white"></i>
                      </span>
                            </div>
                            <div class="media-body">
                                <h4 class="h4 ">文档编写</h4>
                                <small class="block m-t-xs">阿特，媄玅亽甡，<a href="https://github.com/phantomk" target="_blank" class="text-info">phantomk</a>，<a href="http://www.reake.com" target="_blank" class="text-info">reake</a></small>
                            </div>
                        </article>
                    </section>
                </section>
            </div>
            <div class="col-md-6">
                <section class="panel panel-info ">
                    <header class="panel-heading">
                        系统信息
                    </header>
                    <div class="list-group bg-white">
                        <div class="list-group-item">
                            <i class="fa fa-fw fa-info-circle"></i> CmsWing版本 : <span class=" text-muted">{{version}}</span>
                        </div>
                        <div class="list-group-item">
                            <i class="fa fa-fw fa-info-circle"></i> 服务器操作系统 : <span class=" text-muted">{{OS}}</span>
                        </div>
                        <div class="list-group-item">
                            <i class="fa fa-fw fa-info-circle"></i> nodejs版本 : <span class=" text-muted">{{ nodejs_v }}</span>
                        </div>
                        <div class="list-group-item">
                            <i class="fa fa-fw fa-info-circle"></i> MYSQL版本 ：<span class=" text-muted">{{mysqlv}}</span>
                        </div>
                        <div class="list-group-item">
                            <i class="fa fa-fw fa-info-circle"></i> ThinkJS ：<span class="text-muted">{{thinkjs}} [The Web framework beyond your dreams] <a href="https://thinkjs.org/doc.html" target="_blank">Getting Started</a> </span>
                        </div>

                    </div>
                </section>
            </div>


        </div>
    </section>
</section>

{% endblock %}